body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; color:#333;}
body,button,input,select,textarea{font:12px/1.6 microsoft yahei;}
body{ background-color:#f8f8f8;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
a{ text-decoration:none;}
ul,ol{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
.layout:after{content:'\20';display:block;height:0;clear:both;}
.layout{*zoom:1;}
.cf:before,.cf:after{content:'';display:table;}
.cf:after{clear:both;}
.cf{*zoom:1;}
img{border:0;vertical-align: middle;}
small, cite, code, em, th, i, b {
font-size: 1em;
font-style: normal;
font-weight: 500;}
*{margin:0; padding:0; border:0;box-sizing: border-box; transition: all 0.3s;}

/* 品牌顶部 */
.brand_top{width: 100%;position: relative; height: 70px;overflow: hidden; min-width: 1200px;}
.brand_top img{position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.brand_top .brand_close{position: absolute;right: 100px;top: 50%;transform: translateY(-50%);width: 60px;height: 60px;display: flex;cursor: pointer;align-items: center;justify-content: center;}
.brand_top .brand_close i{font-size: 26px;color: #fff;}
/* 导航 ------------------------- */
/* logo */
.tqedu_head{width: 100%;background: #fff;height: 70px; position: relative; min-width: 1200px;}
.tqedu_logo{width: 118px;height: 55px;float: left;margin-top:5px;}
.tqedu_logo a{ display: block; height: 55px;line-height: 100;overflow: hidden;background: url(http://www.tqedu.net/Template/Default/Skin/2019/pubimages/logo_2021.png) no-repeat;}

/* 分校导航内容 */
.school_nav{float: left;padding-left: 20px;}
.school_nav li{float: left;position: relative;}
.school_nav li a{color: #333;font-size: 18px;width: 120px;text-align: center; line-height: 70px;display: block;border-bottom: 2px solid transparent;}
.school_nav li:hover > a{color: #2467f4;font-weight: bold; border-bottom: 2px solid #2467f4;}
.school_nav li .school_nav_about{position: absolute;left: 0;top: 70px;background: #fff;box-shadow: #ccc 0px 2px 2px 0px;z-index: 10;width: 100%;text-align: center;display: none;}
.school_nav li .school_nav_about span{display: block;width: 100%;}
.school_nav li .school_nav_about a{line-height:48px;font-size: 16px;}
.school_nav li .school_nav_about a:hover{color: #2467f4; background: #f1f6ff;}
.school_nav li:hover .school_nav_about{display: block;}
/* 右侧电脑微信 */
.tqedu_contact{position: absolute; right: 5%;top: 0;}

.tqedu_contact_app{position: relative;padding-top: 15px;margin-left: 20px;height: 70px;float: left;}
.tqedu_contact_app img{ border-radius: 5px; margin-right: 5px;}
.tqedu_contact_app a{padding:6px 20px ;border-radius: 24px;font-size: 14px;background:#edf3ff;color:#333;display: flex;align-items: center;}
.tqedu_contact_app a i{font-size: 18px;color:#07af12;}
.tqedu_contact_app_down{display: none;position: absolute;right: 0; top: 70px;text-align: center;padding: 15px;background: #fff;border-top: 2px solid #ff6600;box-shadow: #ccc 0px 0px 5px;z-index: 10;overflow: hidden;}
.tqedu_contact_app_down img{width: 100%;}
.tqedu_contact_app_down.active{display: block;}

.tqedu_contact_wx{position: relative;padding-top: 15px;margin-left: 20px;height: 70px;float: left;}
.tqedu_contact_wx a{padding:6px 20px ;border-radius: 24px;font-size: 14px;background:#f1f1f1;color:#333;display: flex;align-items: center;}
.tqedu_contact_wx a i{font-size: 18px;color:#07af12;}
.tqedu_contact_wx_down{display: none;position: absolute;right: 0; width: 330px;top: 70px;text-align: center;padding: 15px;background: #fff;border-top: 2px solid #ff6600;box-shadow: #ccc 0px 0px 5px;z-index: 10;overflow: hidden;}
.tqedu_contact_wx_down img{width: 100%;}
.tqedu_contact_wx_down.active{display: block;}
.tqedu_wx_img{ float: left; width: 150px;}
/* 导航 ------------------------- */
/* banner */
.banner_cont{width: 100%;position: relative;margin-top: 20px;}
.banner_left{width: 845px; float: left; overflow: hidden; height: 360px;}
/* 项目 */
.banner_left_item{width: 180px; float: left; background: #fff; padding:15px 0;}
.banner_left_item li a{display: block;height: 55px;line-height:55px;padding:0 25px;font-size: 18px;color: #333;position: relative;}
.banner_left_item li a i{font-size: 20px;padding-right: 10px;}
.banner_left_item li:hover a{background: #f1f6ff;color: #2467f4;}
.banner_left_item li:hover a i{color: #2467f4;}
.banner_left_item li a::after{position: absolute;width: 3px;height: 0;left: 0;top: 0;display: block;content: "";background: #2467f4;transition: all 0.3s;}
.banner_left_item li:hover a::after{height: 100%;}
/* 轮播图 */
.banner_left_img{width:665px;height:360px; float: left; }
.fullSlide{width:100%;position:relative;height:360px; overflow:hidden;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;height:100%;}
.fullSlide .bd ul{width:100% !important;height:100% !important;transition:all 0s;}
.fullSlide .bd li{width:100% !important;height:100%;overflow:hidden;text-align:center; transition: all 0s;}
.fullSlide .bd li a{display:block;height:100%;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;zoom:1;width:30px;height:4px;margin:0 5px;overflow:hidden;background:#fff;filter:alpha(opacity=80);opacity:0.8;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{position:absolute;z-index:1;top:50%;transform: translateY(-50%); left:0;width:40px;height:60px; background:#000; color:#fff; text-align:center; line-height:60px; cursor:pointer;opacity:0.5; display:none;}
.fullSlide .next{left:auto;right:0;background:#000;}
.fullSlide:hover .prev,.fullSlide:hover .next{display: block;}
.fullSlide .prev:hover,.fullSlide .next:hover{opacity: 1;}

.banner_right{width: 335px; float: right;height: 360px; overflow: hidden;}
/* 工具 */
.banner_right_tool{width: 100%; overflow: hidden; background: #fff;  padding: 12px;}
.banner_right_tool li{width: 149px; height: 107px; float: left; padding: 20px; position: relative}
.banner_right_tool li img{display: block; position: absolute; right:5px; bottom:0;}
.banner_right_tool li a{display: block; width: 100%; height: 100%;;}
.banner_right_tool li h5{ font-size: 20px; }
.banner_right_tool li p{ font-size: 12px;}
.banner_right_tool li:nth-child(1){background: linear-gradient(120deg, #ffe1e1 0%, #ffe9c4 100%); margin-right: 12px;}
.banner_right_tool li:nth-child(1) h5{color:#bc1c1c;}
.banner_right_tool li:nth-child(1) p{color: #bc1c1c;}
.banner_right_tool li:nth-child(2){background: linear-gradient(120deg, #d9e5ff 0%, #ade2ff 100%);}
.banner_right_tool li:nth-child(2) h5{color:#2d5fcb;}
.banner_right_tool li:nth-child(2) p{color: #2d5fcb;}
.banner_right_tool li:nth-child(3){background: linear-gradient(120deg, #fcffc6 0%, #ffdfa7 100%);margin-top: 12px;margin-right: 12px;}
.banner_right_tool li:nth-child(3) h5{color:#bf8613;}
.banner_right_tool li:nth-child(3) p{color: #bf8613;}
.banner_right_tool li:nth-child(4){background: linear-gradient(120deg, #bee9ff 0%, #d4ffe8 100%);margin-top: 12px;}
.banner_right_tool li:nth-child(4) h5{color:#13a1e2;}
.banner_right_tool li:nth-child(4) p{color: #13a1e2;}
.banner_right_tool li:hover{box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);}

.banner_right_px{width: 100%; height: 104px; margin-top: 10px;}
.banner_right_px img{width: 100%; display: block;}
.banner_right_px img:hover{transform: scale(1.2);}


.section_box{background: #f8f8f8;margin-top: 20px;}
.section_bg1{background: #f1f1f1;}

/* 版心 */
.section_box_type{width: 1200px;margin: 0 auto;}

/* 板块标题 */
.section_box_title{width: 100%;margin-bottom: 25px;}
.section_box_title h2{font-size: 24px;font-weight: bold;text-align: left;line-height: 1;}
.section_box_title h2 a{color: #333;display: block;position: relative;padding-left:35px;}

.section_message .section_box_title h2 a{color: #333;display: block;position: relative;padding-left:55px;}
.section_box_title h2 img{display: block;position: absolute;left: 0;top: 50%; transform: translateY(-50%);}
/* 活动/资讯 */
.section_box_one{width: 100%;overflow: hidden;}
.section_box_one .section_events{width: 380px;background: #fff;float: left;padding: 40px 28px;}
/* 直播 */
.lastlive .fullSlide li{background: #fff;}
.liveimg{width:100%;overflow: hidden; height: 190px;}
.liveimg img{display: block; width: 100%;}
.livecont h3{font-size:16px;padding-top: 15px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;text-align: left;line-height:1.2}
.livecont h3 a{text-align: left;color:#333;display: -webkit-box !important;-webkit-line-clamp:2;overflow: hidden;-webkit-box-orient:vertical}
.livecont h3 a:hover{color:#fe810d;}
.liveyy{width: 100%; overflow: hidden; margin-top: 15px; position: absolute; bottom: 0;}
.liveyy .livetime{float: left; display: flex;align-items: center;}
.liveyy .livetime{font-size:16px;color:#333;text-align: left;}
.liveyy .livetime i{font-size:30px; color: #004be8; line-height: 1;}
.liveyy .livebtn{float: right; display: inline-block;}
.liveyy .livebtn a{width:86px;line-height: 30px;font-size: 14px; background: #2467f4;border-radius: 20px;text-align: center; color: #fff; cursor: pointer;}
.liveyy .livebtn a:hover{background:#fe810d;}
i.live-type {
    position: absolute;
    top: 0;
    right: 0;
    background: #ff6600;
    color: #fff;
    padding: 5px 10px;
    border-radius: 0 0 0 15px;
    font-size: 14px;
    font-weight: bold;
}
.lastlive .hd {
    bottom: 80px;
}

/* 2024/3/25 弹框新样式 */
.form-control {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 0;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-input {
    text-indent: 40px;
}
.sub-layer-r .form-group input{line-height:50px;border: 1px solid #eee;box-shadow: none;}
.sub-layer-r .form-group {width:32%;float:left;margin-right:1%;position: relative;}
.sub-layer-r .form-group:last-child{margin-right:0;}
.sub-layer-r .form-group .btn{display: block;font-size: 16px;color: #fff;background: #408ed6;border-radius: 5px; padding: 13px 25px; border: 1px solid #1f6fbf;
    text-transform: capitalize;
    transition: all 0.5s ease 0s;
    cursor: pointer;height:52px;}
.sub-layer-r .form-group .btn:hover{background: #1f6fbf;}
.sub-Privacy{color: #666;font-size: 12px;padding: 10px 20px 0;}
.sub-layer-r .form-group .iconfont{position: absolute; top: 50%;left: 10%;transform: translate(-20%,-50%);}
/* .layui-layer{background: transparent !important; left: 100px;box-shadow: none !important;position: fixed !important;top: 100px !important;left: 50% !important;transform: translateX(-50%) !important;height: 630px !important;} */
.layui-layer{background: transparent !important; left: 100px;box-shadow: none !important;height: 630px !important;}
.layui-layer-page .layui-layer-content{height: 630px !important;}
.submit-layer{background: url(http://www.tqedu.net/Template/Default/Skin/group/2022img/layer-mask.png) no-repeat center; background-size: 100% 100%; height: 630px;padding: 60px 0;}
.sub-layer-l{display: none;}
.sub-layer-title{float: left; display: block; padding: 180px 60px 5px 76px;width: 100%;}
.sub-layer-title h3{display: none;}
.sub-layer-title em{font-size: 22px;font-weight: bold;color: #fff;text-align: left;line-height: 1.3; height: 60px;}
.sub-layer-r{padding:0 60px;overflow: hidden;}
.sub-horizontal{background: transparent;}
.sub-horizontal .sub-group{width: 100%;margin-bottom: 15px;}
.sub-horizontal .btn{background: linear-gradient(90deg,#ffe381 0%, #ffb267 100%);color: #333;transition: all 0.3s;}
.sub-horizontal .btn:hover{background: linear-gradient(90deg,#ff6600 0%, #ff6600 100%);color: #fff;}
.sub-control{width: 100%;}
.sub-Privacy{width:100%;float:left;box-sizing: border-box;padding:0 60px;color: #666;font-size: 12px;}
.sub-Privacy p{color:#fff;padding:0 20px;font-size: 14px; padding-bottom: 20px;}
.layui-layer-setwin .layui-layer-close2{top: 50px !important;right: 30px !important;}
.sub-horizontal .sub-group i{color: #1937c7;    top: 50%; transform: translateY(-50%);}
.layui-layer-ico{background-image: url(http://www.tqedu.net/Template/Default/Skin/group/2022img/icon.png) !important; }

.sub-layer-title{box-sizing: border-box;}
.sub-layer-r .form-group{width: 100%;margin-bottom: 15px;}
.submit-layer{box-sizing: border-box;}
.sub-yy{ display: block; padding: 10px 20px;}
.sub-layer-r .form-group .iconfont{left: 20px;}
.sub-layer-title em{overflow-wrap: break-word; word-break: break-all; white-space: normal; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;box-sizing: border-box;}

.sub-layer-r .form-group .btn{background: linear-gradient(90deg,#ffe381 0%, #ffb267 100%);color: #333;transition: all 0.3s;}
.sub-layer-r .form-group .btn:hover{background: linear-gradient(90deg,#ff6600 0%, #ff6600 100%);color: #fff;}
/* .layui-layer-dialog{width: 260px !important;height: auto !important; background: #fff !important;top: 200px !important;} */
.layui-layer-dialog{width: 260px !important;height: auto !important; background: #fff !important;}


/* 轮转 */
.lastlive .fullSlide{height:270px;}
.lastlive .fullSlide{overflow: inherit;}



.section_box_one{height: 395px;}


.section_box_one .section_events .section_box_title h2 i{color:  #ff763b;}
.section_box_one .section_events .section_events_cont{width: 100%;}
.section_box_one .section_events .section_events_img{width: 100%;height: 260px;overflow: hidden;}
.section_box_one .section_events .section_events_img img{width: 100%;}
.section_events .section_events_txt{
	padding-top: 15px;
}
.section_events .section_events_txt h5{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 15px;
}
.section_events .section_events_txt h5 a{
	color: #333;
	overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.section_events .section_events_txt h5 em{
	border-radius: 4px;
	background: #2467f4;
	color: #fff;
	font-size: 14px;
	padding:2px 6px;
	margin-right: 10px;
}
.section_events .section_events_txt p{
	color: #999;
	font-size: 16px;
}
.section_box_one .section_message{
	width:800px;
	background: #fff;
	float: right;
	padding: 40px 28px;
}
.section_box_one .section_message .section_box_title{
	overflow: hidden;
	position: relative;
}
.section_message .section_box_title h2{
	float: left;
	display: inline-block;
	border-right: 1px solid #999;
	padding:0 20px;
	font-weight: normal;
}
.section_message .section_box_title h2 span{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
	font-weight: normal;
	display: none;
}
.section_message .section_box_title h2 span > a{
	color:#999;
	padding: 5px 10px;
}
.section_message .section_box_title h2:nth-child(2) a{padding-left: 0;}
.section_message .section_box_title h2:nth-child(3) a{padding-left: 0;}
.section_message .section_box_title h2:nth-child(4) a{padding-left: 0;}
.section_message .section_box_title h2 span a:hover{color:#2467f4;}
.section_message .section_box_title h2:nth-child(1){padding-left: 0;}
.section_message .section_box_title h2:last-child{border-right: 0;}
.section_message .section_box_title h2.active > a{color: #2467f4;font-weight: bold; }
.section_message .section_box_title h2.active > a i{color: #2467f4;}
.section_message .section_box_title h2.active span{display: block;}
.section_message .section_message_txt{width: 100%;max-height: 280px;overflow: hidden;}
.section_message .section_message_txt li{overflow: hidden;}
.section_message .section_message_txt .message_txt_img{width: 200px;height: 100px;overflow: hidden;float: left;}
.section_message .section_message_txt .message_txt_img img{width: 100%;}
.section_message .section_message_txt .message_txt_right{float: right;width: 500px;}
.section_message_txt .message_txt_right h5{font-size: 16px;font-weight: bold;overflow: hidden;-webkit-line-clamp: 1;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.section_message_txt .message_txt_right p{ font-size: 14px;color: #999;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.section_message_txt .message_txt_right p.message_txt_right_remark{padding-top: 10px;}
.section_message_txt .message_txt_right p.message_txt_right_remark span:last-child{float: right;}
.section_message_txt .message_txt_right p.message_txt_right_remark span i{padding-right: 5px;}
.section_message_txt li:nth-child(1){margin-bottom:10px;}
.section_message_txt li:nth-child(1) .message_txt_right h5 a{display: block;line-height:1.8;}
.section_message_txt li a{padding:4px 0;color: #333;font-size: 16px;display: block;padding-left: 30px;position: relative;overflow: hidden;}
.section_message_txt li a::after{
	display: block;
	content: '';
	width: 16px;
	height: 16px;
	border-radius: 2px;
	color: #fff;
	line-height: 16px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.section_message_txt li:nth-child(1) a{padding-left: 0; padding:0; display: inline;}
.section_message_txt li:nth-child(2) a::after{background: #ff0d0d;content: '1';}
.section_message_txt li:nth-child(3) a::after{background: #ff7f0d;content: '2';}
.section_message_txt li:nth-child(4) a::after{background: #ffda0d;content: '3'; color:#333;}
.section_message_txt li:nth-child(5) a::after{background: #e1ebfc;content: '4'; color:#333;}
.section_message_txt li:nth-child(6) a::after{background: #e1ebfc;content: '5'; color:#333;}
.section_message_txt li:nth-child(7) a::after{background: #e1ebfc;content: '6'; color:#333;}
.section_message_txt li a:hover{color: #ff6600;}
.section_message_txt li a:hover .message_txt_right h5{color: #ff6600;}
.section_message_txt li a:hover .message_txt_img img{ transform: scale(1.2);}
.section_message_txt ul{display: none;}
.section_message_txt ul.active{display: block;}
.section_message .message_guide li .message_txt_img{width: 140px;height: 60px;}
.section_message .message_guide li .message_txt_right{width: 580px;}
.message_guide li .message_txt_right p{-webkit-line-clamp: 1;}
.message_guide li .message_txt_right h5{padding-bottom: 6px;}
.message_guide li{margin-bottom: 15px;}
.message_guide li a{padding-left: 0 !important; padding:0;}
.message_guide li a::after{display: none !important;}

.message_interact{overflow: hidden;}
.message_interact li{width: 32%; margin-right: 2%;float: left;margin-bottom:12px;}
.message_interact li:nth-child(3n){margin-right: 0;}
.section_message .message_interact li .college-pic{height:90px;width:240px;overflow: hidden;}
.section_message .message_interact li .college-pic i{display: none;}
.message_interact li .college-pic img{width: 100%;}
.message_interact li a{padding-left: 0 !important; padding:0;}
.message_interact li a::after{display: none !important;}
.message_interact li .college-title{width: 100%;padding-top: 4px;min-height: 36px; line-height: 1.2;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;padding-bottom: 0;font-weight: normal;}
.message_interact li:hover{transform: translateY(-5px);}

/*校企联动*/
.message_xq{display: block!important;  padding-top: 10px;  overflow: hidden;}
.message_xq li{margin-right: 15px;float: left;margin-bottom:15px;}
.message_xq li img{ width: auto;}
.message_xq li:nth-child(1){ margin-right: 15px;}
.message_xq li:nth-child(3), .message_xq li:last-child{ margin-right: 0;}
.message_xq li{ position: relative;}
.message_xq li span{ position: absolute; bottom: 0; width: 100%; display:block; padding: 5px 10px; background:rgba(0, 0, 0, 0.5); font-size: 14px; color: #fff;}


/* 推荐课程 */
.grade_cont{width: 100%;}
.grade_bs{width: 100%; overflow: hidden;}
.grade_ms{width: 100%; overflow: hidden;}
.grade_nav{width: 100%; font-weight: bold; font-size: 20px; color: #fff;text-indent: 1em; background: linear-gradient(to right, #2467f4 0%, #fff 100%); margin-bottom: 15px;}
.grade_ms .grade_nav{background: linear-gradient(to right, #ff7f0d 0%, #fff 100%); margin-top: 25px;}
/* 线上 */
.grade_cont .grade_online{width: 750px; float: left; overflow: hidden;background:#f0f5ff;}
.grade_online .grade_online_title{width: 180px; height: 220px; position: relative; float: left; overflow: hidden;}
.grade_online .grade_online_title img{width: 100%; display: block;}
.grade_online .grade_online_title .grade_online_price{position: absolute; left: 0;bottom: 0; width: 100%; height: 30px; background: #2467f4;display: flex;justify-content: space-around;}
.grade_online .grade_online_title .grade_online_price span{font-size: 14px; font-weight: bold; color: #fff; line-height: 30px;}
.grade_online .grade_online_intro{ padding: 5px; float: left; width: calc(100% - 180px);overflow: hidden; height: 220px;}
.grade_online .grade_online_intro li{width:32.5%;margin-right:1%; height: 100%; background: #fff; float: left; padding: 20px 10px;}
.grade_online .grade_online_intro li:last-child{margin-right: 0;}
.grade_online .grade_online_intro li span{width: 48px; height: 48px; border-radius: 18px;margin: 0 auto;display: flex;justify-content: center;align-items: center;}
.grade_online .grade_online_intro li span i{font-size: 30px;}
.grade_online .grade_online_intro li h6{font-size: 16px; font-weight: bold; color: #333; text-align: center; padding: 10px 0;}
.grade_online .grade_online_intro li p{color: #666; font-size: 14px;}
.grade_online .grade_online_intro li:nth-child(1) span{background: linear-gradient(120deg, #ffe1e1 0%, #ffe9c4 100%);}
.grade_online .grade_online_intro li:nth-child(1) span i{color:#fac29c;}
.grade_online .grade_online_intro li:nth-child(2) span{background: linear-gradient(120deg, #bee9ff 0%, #d4ffe8 100%);}
.grade_online .grade_online_intro li:nth-child(2) span i{color:#8beae8;}
.grade_online .grade_online_intro li:nth-child(3) span{background: linear-gradient(120deg, #fcffc6 0%, #ffdfa7 100%);}
.grade_online .grade_online_intro li:nth-child(3) span i{color:#ffd24d;}
.grade_online .grade_online_intro li:nth-child(4) span{background: linear-gradient(120deg, #efe1ff 0%, #c0d5ff 100%);}
.grade_online .grade_online_intro li:nth-child(4) span i{color:#86a6ff;}
.grade_online .grade_online_title:hover img{transform: scale(1.2);}
/* 线下 */
.grade_cont .grade_offline{width:370px; float: right; overflow: hidden; background: #f0f5ff;}
.grade_offline .grade_offline_title{width: 140px; height: 220px; float: left;}
.grade_offline .grade_offline_title img{display: block; width: 100%;}
.grade_offline .grade_offline_list{float: right; width: 230px; padding:15px 10px;}
.grade_offline .grade_offline_list .offline_list_title{ overflow: hidden; padding: 0 5px; padding-bottom: 10px;}
.grade_offline .grade_offline_list .offline_list_title span{font-size: 14px; font-weight: bold; color: #2467f4;}
.grade_offline .grade_offline_list .offline_list_title span:nth-child(1){float: left;}
.grade_offline .grade_offline_list .offline_list_title span:nth-child(2){float: right;}
.grade_offline .grade_offline_list .offline_list_scroll{width: 100%;overflow: hidden;height: 150px; }
.grade_offline .grade_offline_list .offline_list_scroll ul{transition: all 0s;}
.grade_offline .grade_offline_list .offline_list_scroll li{line-height: 30px; height: 30px; font-size: 14px; overflow: hidden; padding: 0 5px; cursor: pointer;}
.grade_offline .grade_offline_list .offline_list_scroll li:nth-child(2n-1){background:#e1ebff;}
.grade_offline .grade_offline_list .offline_list_scroll li span{color: #333;}
.grade_offline .grade_offline_list .offline_list_scroll li span:nth-child(1){float: left;}
.grade_offline .grade_offline_list .offline_list_scroll li span:nth-child(2){float: right;}
.grade_offline .grade_offline_list .offline_list_scroll li a{display: block; width: 100%; height: 100%;}
.grade_bs .grade_offline_list .offline_list_scroll li a:hover span{color: #2467f4;}
/* 面试班颜色 */
.grade_ms .grade_online .grade_online_title .grade_online_price{background: #ff7f0d;}
.grade_ms .grade_online{background:#fff4ea;}
.grade_ms .grade_offline{background: #fff4ea;}
.grade_ms .grade_offline .grade_offline_list .offline_list_title span{ color: #ff7f0d;}
.grade_ms .grade_offline .grade_offline_list .offline_list_scroll li:nth-child(2n-1){background:#ffe9d5;}
.grade_ms .grade_offline_list .offline_list_scroll li a:hover span{color: #ff7f0d;}
/* 四个介绍 */
.grade_online .grade_online_intro_four li{width:49.5%;margin-right:1%; height:104px; background: #fff; float: left; padding: 15px 10px;position: relative; padding-left: 80px;}
.grade_online .grade_online_intro_four li:nth-child(2n){margin-right: 0;}
.grade_online .grade_online_intro_four li span{ position: absolute; top: 50%; transform: translateY(-50%); left: 15px;}
.grade_online .grade_online_intro_four li h6{font-size: 16px; font-weight: bold; color: #333;padding: 0; padding-bottom: 8px; text-align: left;}
.grade_online .grade_online_intro_four li:nth-child(3){margin-top: 4px;}
.grade_online .grade_online_intro_four li:nth-child(4){margin-top: 4px;}


/* 广告条 */
.gg_img{width: 100%;overflow: hidden;}
.gg_img a{display: block;}
.gg_img img{width: 100%;}

.section_box_two{padding:40px 28px;background: #fff;}


/* 免费课程 */
.section_free{width: 100%; overflow: hidden; height: 426px;}
/* 左边 */
.section_free .free_course{width: 800px; float: left;padding: 40px 28px;background: #fff;}
.free_course .section_box_title h2{position: relative;}
.free_course .section_box_title h2 span { position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 14px;font-weight: normal; display: none;}
.free_course .section_box_title h2.active span {display: block;}
.free_course .section_box_title h2 span a:hover{color: #2467f4;}
.section_premium li{float: left;width:32%;margin: 0;margin-right:2%;}
.section_premium li a{display: block; padding:0;}
.section_premium li:nth-child(3n){margin-right: 0;}
.section_premium li:nth-child(1){margin-bottom: 0;}
.section_premium li .section_premium_img{width: 100%;height: 108px;overflow: hidden;}
.section_premium li .section_premium_img img{width: 100%;}
.section_premium li .section_premium_txt{padding:6px 0;font-size: 14px;overflow: hidden; color:#333;}
.section_premium li .section_premium_txt > span:nth-child(2){color:#ea1c1c;float: right;}
.section_premium li a::after{display: none;}
.section_premium li:hover{transform: translateY(-5px);}
.section_premium li:nth-child(4){margin-top: 10px;}
.section_premium li:nth-child(5){margin-top: 10px;}
.section_premium li:nth-child(5){margin-top: 10px;}
.section_premium li:nth-child(6){margin-top: 10px;}
/* 右边 */
.section_free .free_tool{width:380px; float: right;padding:0;background: #fff;}
.tool_01, .tool_02{ display: block;}
.tool_02{ margin-top: 9px;}
.section_free .free_tool>img{display: block; width: 100%;}


/* 品宣 */
.section_px_cont{width: 100%; overflow: hidden;}
/* 左边 */
.brand_figure{float: left; width: 50%;}
.brand_figure li{width: 260px; height: 148px; padding: 20px; position: relative; float: left;}
.brand_figure li h6{font-size: 40px; font-weight: bold; line-height: 1; padding-bottom: 10px;}
.brand_figure li h6 em{font-size: 20px; font-weight: bold;}
.brand_figure li i{font-size: 36px; position: absolute; right: 20px; bottom: 10px;}
.brand_figure li p{font-size: 16px; color: #333;}
.brand_figure li:nth-child(1){background:#fff2ed; margin-right: 20px;}
.brand_figure li:nth-child(1) h6{color:#ff8354;}
.brand_figure li:nth-child(1) i{color:#ffc6b0;}
.brand_figure li:nth-child(2){background:#f5f1ff;}
.brand_figure li:nth-child(2) h6{color:#8c70d2;}
.brand_figure li:nth-child(2) i{color:#cbbded;}
.brand_figure li:nth-child(3){background:#f1fcff; margin-top: 20px; margin-right: 20px;}
.brand_figure li:nth-child(3) h6{color:#54bcd8;}
.brand_figure li:nth-child(3) i{color:#b2e2ef;}
.brand_figure li:nth-child(4){background:#fffaeb; margin-top: 20px;}
.brand_figure li:nth-child(4) h6{color:#e4c159;}
.brand_figure li:nth-child(4) i{color:#f4e3b1;}
/* 右边 */
.brand_text{width: 50%; float: left;}
.section_box_two .section_box_title h2{position: relative;}
.section_box_two .section_box_title h2 span { position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 14px;font-weight: normal;}
.section_box_two .section_box_title h2.active span {display: block;}
.section_box_two .section_box_title h2 span a:hover{color: #2467f4;}
.brand_text li{width: 100%;position: relative; margin-bottom:16px;}
.brand_text li:last-child{margin-bottom: 0;}
.brand_text li a{display: block; width: 100%; height: 100%; padding:10px 0px 10px 80px;}
.brand_text li h6{ font-size: 16px; font-weight: bold; color: #333;overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.brand_text li p{font-size: 14px; color: #666;overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.brand_text li .brand_text_label{ width: 64px; height: 64px;padding:10px;text-align: center;display: block; background:#2467f4;font-size: 18px;font-weight: bold; 
line-height: 1.2; border-radius: 50%; color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.brand_text li a:hover h6{color: #ff6600;}



/* 线下学习中心 */
.section_bg2{background: #004be8;}
.section_bg2 .section_box_type{background: #004be8;}
.section_city{width: 100%;padding-bottom: 40px;}
.section_city .section_box_title{padding-top: 40px;}
.section_city .section_box_title h2{color: #fff;text-align: center;}
/* 省份 */
.section_city_ul>li{width:111px;height: 36px;line-height: 36px;color: #fff;text-align: center;font-size: 20px;float: left;cursor: pointer;position: relative;margin-left: -2px;}
.section_city_ul>li::before{display: block; content: ""; position: absolute; width: 2px; height: 28px; right: 0; top: 4px; background: #fff;}
.section_city_ul>li:last-child{margin-right: 0;}
.section_city_ul>li:last-child::before{display: none;}
.section_city_ul>li.active{background: #fff;border-radius: 4px; color:#333;}
.section_city_ul>li.active::after{display: block;content: ""; width: 0; height: 0;border: 10px solid;border-color: transparent transparent #fff transparent;position: absolute; left: 50%;transform: translateX(-50%); bottom: -20px;}
.section_city_ul>li:hover{background: #fff; color:#333;border-radius: 4px;}
/* 省份分校详细 */
.city_location{width: 100%;margin-top: 20px;background: #fff;overflow: hidden;margin-bottom:15px;border-radius: 8px;}
.city_location .city_location_list{width: 100%;display: none;height: auto;padding: 28px;}
.city_location .city_location_list.active{display: block;}
.city_location_list ul{height: 100%;}
.city_location_list ul>li{overflow: hidden;position: relative;height: 100%;}
/* 校区名字 */
.city_location_list ul>li .city_list_r{float: left; width: 65%; height: 140px;}
.city_location_list ul>li .city_list_r span{display: inline-block;width: 92px;height: 32px;line-height: 32px;margin-right:5px; border-radius: 4px;background:#fff;border:1px solid #d2d2d2;color: #333;text-align: center;font-size: 16px;cursor: pointer; margin-bottom: 5px;}
.city_location_list ul>li .city_list_r span.active{background: #2467f4; color:#fff;border:1px solid #2467f4;}
.city_location_list ul>li .city_list_r span:hover{background: #2467f4; color:#fff;border:1px solid #2467f4;}
.city_location_list ul>li .city_list_r h5{font-size: 16px; font-weight: bold; padding-bottom: 15px;}
/* 详细地址 */
.city_location_list ul>li .city_details{float: right;width: 34%;height: 140px;}
.city_location_list ul>li .city_list_l{display: none;}
.city_location_list ul>li .city_list_l.active{display: block;}
.city_location_list ul>li .city_list_l li{ height: 100%;}
.city_location_list ul>li .city_list_l p{color: #333;font-size: 16px;}
.city_location_list ul>li .city_details h5{font-size: 16px; font-weight: bold; padding-bottom: 15px;}
/* 图片 */
.city_location_list ul>li .city_list_img{width: 100%; overflow: hidden;}
.city_location_list ul>li .city_img_campus{width: 100%;display: none; overflow: hidden;}
.city_location_list ul>li .city_img_campus img{display:block; width: 280px; height: 160px; float: left; margin-right:8px;}
.city_location_list ul>li .city_img_campus img:last-child{margin-right:0;}
.city_location_list ul>li .city_img_campus.active{display: block;}

/* 53KF按钮样式 */
.city-53 {
    float: left;
    display: block;
    padding: 5px 15px;
    background: #2467f4;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
}
.city-53:hover{background: #ff6600;}

/* 底部信息 */
#footer{padding:50px 0 60px;background: #282828;overflow: hidden;min-width: 1200px;}
.foot-nav{display: table;margin-left:auto;margin-right:auto;}
.foot-nav li{float: left;}
.foot-nav li > a{color:#666;margin-left:20px;}
.foot-nav li > a:hover{color:#bbb;}
.tq-footer-ft-icon a{border:1px solid #444;padding: 7px;color:#666;margin:0 6px;}
.tq-footer-ft-icon .tq-footer-ft i {background: url(http://www.tqedu.net/Template/Default/Skin/group/img/sprite.png) no-repeat; width: 17px; height: 17px;display: inline-block;margin: 0 6px -4px 0;}
.tq-footer-ft-icon .tq-footer-ft:hover span{color:#bbb;}
.tq-footer-ft-icon a:hover{border:1px solid #bbb;}
.tq-footer-ft-icon .tq-footer-ft-icon-1 i{background-position: -34px -46px;}
.tq-footer-ft-icon .tq-footer-ft-icon-2 i{background-position: -3px -28px;}
.tq-footer-ft-icon .tq-footer-ft-icon-3 i{background-position: -52px 0px;}
.tq-footer-ft-icon .tq-footer-ft-icon-4 i{background-position: -3px -2px;}
.tq-footer-ft-icon .tq-footer-ft-icon-5 i{background-position: 0 -46px;}

.m-b-20 { margin-bottom: 20px;}



/* 53客服 */
.fixed53{position:fixed; right: 0; top: 30%; width:70px;padding: 9px;border-radius: 8px;background:linear-gradient(to right, #2467f4 0%, #528aff 100%); border:2px solid #fff; box-shadow: 0px 0px 10px 0px rgba(36, 103, 244, 0.4);}
.fixed53 li{border-bottom: 1px solid #fff; text-align: center; position: relative; cursor: pointer; padding:15px 0;}
.fixed53 li p{color: #fff; font-size: 12px;white-space:nowrap;}
.fixed53 li .app_box{display: none; position: absolute; width:320px;height: 120px;left: -320px; top: 50%; transform: translateY(-50%);}
.fixed53 li .app_box_cont{position: absolute; padding: 10px; width: 290px;height: 100%;  background: #fff; border-radius: 4px; box-shadow: 0px 0px 10px 0px rgba(36, 103, 244, 0.4);}
.fixed53 li .app_box_cont::after{display: block; content: "";width: 0; height: 0; border: 10px solid;border-color: transparent transparent transparent #fff;position: absolute; top: 50%;transform: translateY(-50%);right: -20px;}
.fixed53 li .app_box_cont>img{display: block; float: left; width: 100px;}
.fixed53 li .app_box_cont>span{float: right; text-align: left; width: 140px;padding-right: 10px;padding-top: 10px;}
.fixed53 li .app_box_cont h6{font-size: 20px;}
.fixed53 li .app_box_cont p{font-size: 14px; color: #999;white-space:pre-line;}
.fixed53 li:hover .app_box{display: block;}
.fixed53 li i{font-size: 32px; color: #fff; line-height: 1;}
.fixed53 li.back_top{padding:0; border:0;}
.fixed53 li.back_top i{font-size: 26px;}


/* 动画 向下 */
@keyframes bounceInDown {
 from {
    opacity: 0;
    -webkit-transform: translate3d(0, -80%, 0);
    transform: translate3d(0, -80%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* 动画 小到大 */
@keyframes slideInDown{
 from {
		margin-top: 20px;
   }
   to {
		margin-top: 0;
   }
 }
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@media screen and (max-width: 1420px){
.brand_top .brand_close{right: 10px;}


}


/* 轮转 */
.lastlive .fullSlide{height:270px;}
.lastlive .fullSlide{overflow: inherit;}



.section_box_one{height: 395px;}


.section_box_one .section_events .section_box_title h2 i{color:  #ff763b;}
.section_box_one .section_events .section_events_cont{width: 100%;}
.section_box_one .section_events .section_events_img{width: 100%;height: 260px;overflow: hidden;}
.section_box_one .section_events .section_events_img img{width: 100%;}
.section_events .section_events_txt{
	padding-top: 15px;
}
.section_events .section_events_txt h5{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 15px;
}
.section_events .section_events_txt h5 a{
	color: #333;
	overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.section_events .section_events_txt h5 em{
	border-radius: 4px;
	background: #2467f4;
	color: #fff;
	font-size: 14px;
	padding:2px 6px;
	margin-right: 10px;
}
.section_events .section_events_txt p{
	color: #999;
	font-size: 16px;
}
.section_box_one .section_message{
	width:800px;
	background: #fff;
	float: right;
	padding: 40px 28px;
}
.section_box_one .section_message .section_box_title{
	overflow: hidden;
	position: relative;
}
.section_message .section_box_title h2{
	float: left;
	display: inline-block;
	border-right: 1px solid #999;
	padding:0 20px;
	font-weight: normal;
}
.section_message .section_box_title h2 span{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
	font-weight: normal;
	display: none;
}
.section_message .section_box_title h2 span > a{
	color:#999;
	padding: 5px 10px;
}
.section_message .section_box_title h2:nth-child(2) a{padding-left: 0;}
.section_message .section_box_title h2:nth-child(3) a{padding-left: 0;}
.section_message .section_box_title h2:nth-child(4) a{padding-left: 0;}
.section_message .section_box_title h2 span a:hover{color:#2467f4;}
.section_message .section_box_title h2:nth-child(1){padding-left: 0;}
.section_message .section_box_title h2:last-child{border-right: 0;}
.section_message .section_box_title h2.active > a{color: #2467f4;font-weight: bold; }
.section_message .section_box_title h2.active > a i{color: #2467f4;}
.section_message .section_box_title h2.active span{display: block;}
.section_message .section_message_txt{width: 100%;}
.section_message .section_message_txt li{overflow: hidden;}
.section_message .section_message_txt .message_txt_img{width: 200px;height: 100px;overflow: hidden;float: left;}
.section_message .section_message_txt .message_txt_img img{width: 100%;}
.section_message .section_message_txt .message_txt_right{float: right;width: 500px;}
.section_message_txt .message_txt_right h5{font-size: 16px;font-weight: bold;overflow: hidden;-webkit-line-clamp: 1;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.section_message_txt .message_txt_right p{ font-size: 14px;color: #999;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.section_message_txt .message_txt_right p.message_txt_right_remark{padding-top: 10px;}
.section_message_txt .message_txt_right p.message_txt_right_remark span:last-child{float: right;}
.section_message_txt .message_txt_right p.message_txt_right_remark span i{padding-right: 5px;}
.section_message_txt li:nth-child(1){margin-bottom:10px;}
.section_message_txt li:nth-child(1) .message_txt_right h5 a{display: block;line-height:1.8;}
.section_message_txt li a{padding:4px 0;color: #333;font-size: 16px;display: block;padding-left: 30px;position: relative;overflow: hidden;}
.section_message_txt li a::after{
	display: block;
	content: '';
	width: 16px;
	height: 16px;
	border-radius: 2px;
	color: #fff;
	line-height: 16px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.section_message_txt li:nth-child(1) a{padding-left: 0; padding:0; display: inline;}
.section_message_txt li:nth-child(2) a::after{background: #ff0d0d;content: '1';}
.section_message_txt li:nth-child(3) a::after{background: #ff7f0d;content: '2';}
.section_message_txt li:nth-child(4) a::after{background: #ffda0d;content: '3'; color:#333;}
.section_message_txt li:nth-child(5) a::after{background: #e1ebfc;content: '4'; color:#333;}
.section_message_txt li:nth-child(6) a::after{background: #e1ebfc;content: '5'; color:#333;}
.section_message_txt li:nth-child(7) a::after{background: #e1ebfc;content: '6'; color:#333;}
.section_message_txt li a:hover{color: #ff6600;}
.section_message_txt li a:hover .message_txt_right h5{color: #ff6600;}
.section_message_txt li a:hover .message_txt_img img{ transform: scale(1.2);}
.section_message_txt ul{display: none;}
.section_message_txt ul.active{display: block;}
.section_message .message_guide li .message_txt_img{width: 140px;height: 60px;}
.section_message .message_guide li .message_txt_right{width: 580px;}
.message_guide li .message_txt_right p{-webkit-line-clamp: 1;}
.message_guide li .message_txt_right h5{padding-bottom: 6px;}
.message_guide li{margin-bottom: 15px;}
.message_guide li a{padding-left: 0 !important; padding:0;}
.message_guide li a::after{display: none !important;}

.message_interact li{width: 32%; margin-right: 2%;float: left;margin-bottom:12px;}
.message_interact li:nth-child(3n){margin-right: 0;}
.section_message .message_interact li .college-pic{height:90px;width:240px;overflow: hidden;}
.section_message .message_interact li .college-pic i{display: none;}
.message_interact li .college-pic img{width: 100%;}
.message_interact li a{padding-left: 0 !important; padding:0;}
.message_interact li a::after{display: none !important;}
.message_interact li .college-title{width: 100%;padding-top: 4px;min-height: 36px; line-height: 1.2;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;padding-bottom: 0;font-weight: normal;}
.message_interact li:hover{transform: translateY(-5px);}

/* 推荐课程 */
.grade_cont{width: 100%;}
.grade_bs{width: 100%; overflow: hidden;}
.grade_ms{width: 100%; overflow: hidden;}
.grade_nav{width: 100%; font-weight: bold; font-size: 20px; color: #fff;text-indent: 1em; background: linear-gradient(to right, #2467f4 0%, #fff 100%); margin-bottom: 15px;}
.grade_ms .grade_nav{background: linear-gradient(to right, #ff7f0d 0%, #fff 100%); margin-top: 25px;}
/* 线上 */
.grade_cont .grade_online{width: 750px; float: left; overflow: hidden;background:#f0f5ff;}
.grade_online .grade_online_title{width: 180px; height: 220px; position: relative; float: left; overflow: hidden;}
.grade_online .grade_online_title img{width: 100%; display: block;}
.grade_online .grade_online_title .grade_online_price{position: absolute; left: 0;bottom: 0; width: 100%; height: 30px; background: #2467f4;display: flex;justify-content: space-around;}
.grade_online .grade_online_title .grade_online_price span{font-size: 14px; font-weight: bold; color: #fff; line-height: 30px;}
.grade_online .grade_online_intro{ padding: 5px; float: left; width: calc(100% - 180px);overflow: hidden; height: 220px;}
.grade_online .grade_online_intro li{width:32.5%;margin-right:1%; height: 100%; background: #fff; float: left; padding: 20px 10px;}
.grade_online .grade_online_intro li:last-child{margin-right: 0;}
.grade_online .grade_online_intro li span{width: 48px; height: 48px; border-radius: 18px;margin: 0 auto;display: flex;justify-content: center;align-items: center;}
.grade_online .grade_online_intro li span i{font-size: 30px;}
.grade_online .grade_online_intro li h6{font-size: 16px; font-weight: bold; color: #333; text-align: center; padding: 10px 0;}
.grade_online .grade_online_intro li p{color: #666; font-size: 14px;}
.grade_online .grade_online_intro li:nth-child(1) span{background: linear-gradient(120deg, #ffe1e1 0%, #ffe9c4 100%);}
.grade_online .grade_online_intro li:nth-child(1) span i{color:#fac29c;}
.grade_online .grade_online_intro li:nth-child(2) span{background: linear-gradient(120deg, #bee9ff 0%, #d4ffe8 100%);}
.grade_online .grade_online_intro li:nth-child(2) span i{color:#8beae8;}
.grade_online .grade_online_intro li:nth-child(3) span{background: linear-gradient(120deg, #fcffc6 0%, #ffdfa7 100%);}
.grade_online .grade_online_intro li:nth-child(3) span i{color:#ffd24d;}
.grade_online .grade_online_intro li:nth-child(4) span{background: linear-gradient(120deg, #efe1ff 0%, #c0d5ff 100%);}
.grade_online .grade_online_intro li:nth-child(4) span i{color:#86a6ff;}
.grade_online .grade_online_title:hover img{transform: scale(1.2);}
/* 线下 */
.grade_cont .grade_offline{width:370px; float: right; overflow: hidden; background: #f0f5ff;}
.grade_offline .grade_offline_title{width: 140px; height: 220px; float: left;}
.grade_offline .grade_offline_title img{display: block; width: 100%;}
.grade_offline .grade_offline_list{float: right; width: 230px; padding:15px 10px;}
.grade_offline .grade_offline_list .offline_list_title{ overflow: hidden; padding: 0 5px; padding-bottom: 10px;}
.grade_offline .grade_offline_list .offline_list_title span{font-size: 14px; font-weight: bold; color: #2467f4;}
.grade_offline .grade_offline_list .offline_list_title span:nth-child(1){float: left;}
.grade_offline .grade_offline_list .offline_list_title span:nth-child(2){float: right;}
.grade_offline .grade_offline_list .offline_list_scroll{width: 100%;overflow: hidden;height: 150px; }
.grade_offline .grade_offline_list .offline_list_scroll ul{transition: all 0s;}
.grade_offline .grade_offline_list .offline_list_scroll li{line-height: 30px; height: 30px; font-size: 14px; overflow: hidden; padding: 0 5px; cursor: pointer;}
.grade_offline .grade_offline_list .offline_list_scroll li:nth-child(2n-1){background:#e1ebff;}
.grade_offline .grade_offline_list .offline_list_scroll li span{color: #333;}
.grade_offline .grade_offline_list .offline_list_scroll li span:nth-child(1){float: left;}
.grade_offline .grade_offline_list .offline_list_scroll li span:nth-child(2){float: right;}
.grade_offline .grade_offline_list .offline_list_scroll li a{display: block; width: 100%; height: 100%;}
.grade_bs .grade_offline_list .offline_list_scroll li a:hover span{color: #2467f4;}
/* 面试班颜色 */
.grade_ms .grade_online .grade_online_title .grade_online_price{background: #ff7f0d;}
.grade_ms .grade_online{background:#fff4ea;}
.grade_ms .grade_offline{background: #fff4ea;}
.grade_ms .grade_offline .grade_offline_list .offline_list_title span{ color: #ff7f0d;}
.grade_ms .grade_offline .grade_offline_list .offline_list_scroll li:nth-child(2n-1){background:#ffe9d5;}
.grade_ms .grade_offline_list .offline_list_scroll li a:hover span{color: #ff7f0d;}
/* 四个介绍 */
.grade_online .grade_online_intro_four li{width:49.5%;margin-right:1%; height:104px; background: #fff; float: left; padding: 15px 10px;position: relative; padding-left: 80px;}
.grade_online .grade_online_intro_four li:nth-child(2n){margin-right: 0;}
.grade_online .grade_online_intro_four li span{ position: absolute; top: 50%; transform: translateY(-50%); left: 15px;}
.grade_online .grade_online_intro_four li h6{font-size: 16px; font-weight: bold; color: #333;padding: 0; padding-bottom: 8px; text-align: left;}
.grade_online .grade_online_intro_four li:nth-child(3){margin-top: 4px;}
.grade_online .grade_online_intro_four li:nth-child(4){margin-top: 4px;}


/* 广告条 */
.gg_img{width: 100%;overflow: hidden;}
.gg_img a{display: block;}
.gg_img img{width: 100%;}

.section_box_two{padding:40px 28px;background: #fff;}


/* 免费课程 */
.section_free{width: 100%; overflow: hidden; height: 426px;}
/* 右边 */
.section_free .free_course{width: 800px; float: left;padding: 40px 28px;background: #fff;}
.free_course .section_box_title h2{position: relative;}
.free_course .section_box_title h2 span { position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 14px;font-weight: normal; display: none;}
.free_course .section_box_title h2.active span {display: block;}
.free_course .section_box_title h2 span a:hover{color: #2467f4;}
.section_premium li{float: left;width:32%;margin: 0;margin-right:2%;}
.section_premium li a{display: block; padding:0;}
.section_premium li:nth-child(3n){margin-right: 0;}
.section_premium li:nth-child(1){margin-bottom: 0;}
.section_premium li .section_premium_img{width: 100%;height: 108px;overflow: hidden;}
.section_premium li .section_premium_img img{width: 100%;}
.section_premium li .section_premium_txt{padding:6px 0;font-size: 14px;overflow: hidden; color:#333;}
.section_premium li .section_premium_txt > span:nth-child(2){color:#ea1c1c;float: right;}
.section_premium li a::after{display: none;}
.section_premium li:hover{transform: translateY(-5px);}
.section_premium li:nth-child(4){margin-top: 10px;}
.section_premium li:nth-child(5){margin-top: 10px;}
.section_premium li:nth-child(5){margin-top: 10px;}
.section_premium li:nth-child(6){margin-top: 10px;}
/* 左边 */
.section_free .free_tool{width:380px; float: right;padding:0;background: #fff;}
.section_free .free_tool>img{display: block; width: 100%;}


/* 品宣 */
.section_px_cont{width: 100%; overflow: hidden;}
/* 左边 */
.brand_figure{float: left; width: 50%;}
.brand_figure li{width: 260px; height: 148px; padding: 20px; position: relative; float: left;}
.brand_figure li h6{font-size: 40px; font-weight: bold; line-height: 1; padding-bottom: 10px;}
.brand_figure li h6 em{font-size: 20px; font-weight: bold;}
.brand_figure li i{font-size: 36px; position: absolute; right: 20px; bottom: 10px;}
.brand_figure li p{font-size: 16px; color: #333;}
.brand_figure li:nth-child(1){background:#fff2ed; margin-right: 20px;}
.brand_figure li:nth-child(1) h6{color:#ff8354;}
.brand_figure li:nth-child(1) i{color:#ffc6b0;}
.brand_figure li:nth-child(2){background:#f5f1ff;}
.brand_figure li:nth-child(2) h6{color:#8c70d2;}
.brand_figure li:nth-child(2) i{color:#cbbded;}
.brand_figure li:nth-child(3){background:#f1fcff; margin-top: 20px; margin-right: 20px;}
.brand_figure li:nth-child(3) h6{color:#54bcd8;}
.brand_figure li:nth-child(3) i{color:#b2e2ef;}
.brand_figure li:nth-child(4){background:#fffaeb; margin-top: 20px;}
.brand_figure li:nth-child(4) h6{color:#e4c159;}
.brand_figure li:nth-child(4) i{color:#f4e3b1;}
/* 右边 */
.brand_text{width: 50%; float: left;}
.brand_text li{width: 100%;position: relative; margin-bottom:16px;}
.brand_text li:last-child{margin-bottom: 0;}
.brand_text li a{display: block; width: 100%; height: 100%; padding:10px 0px 10px 80px;}
.brand_text li h6{ font-size: 16px; font-weight: bold; color: #333;overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.brand_text li p{font-size: 14px; color: #666;overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.brand_text li .brand_text_label{ width: 64px; height: 64px;padding:10px;text-align: center;display: block; background:#2467f4;font-size: 18px;font-weight: bold; 
line-height: 1.2; border-radius: 50%; color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.brand_text li a:hover h6{color: #ff6600;}



/* 线下学习中心 */
.section_bg2{background: #004be8;}
.section_bg2 .section_box_type{background: #004be8;}
.section_city{width: 100%;padding-bottom: 40px;}
.section_city .section_box_title{padding-top: 40px;}
.section_city .section_box_title h2{color: #fff;text-align: center;}
/* 省份 */
.section_city_ul>li{width:111px;height: 36px;line-height: 36px;color: #fff;text-align: center;font-size: 20px;float: left;cursor: pointer;position: relative;margin-left: -2px;}
.section_city_ul>li::before{display: block; content: ""; position: absolute; width: 2px; height: 28px; right: 0; top: 4px; background: #fff;}
.section_city_ul>li:last-child{margin-right: 0;}
.section_city_ul>li:last-child::before{display: none;}
.section_city_ul>li.active{background: #fff;border-radius: 4px; color:#333;}
.section_city_ul>li.active::after{display: block;content: ""; width: 0; height: 0;border: 10px solid;border-color: transparent transparent #fff transparent;position: absolute; left: 50%;transform: translateX(-50%); bottom: -20px;}
.section_city_ul>li:hover{background: #fff; color:#333;border-radius: 4px;}
/* 省份分校详细 */
.city_location{width: 100%;margin-top: 20px;background: #fff;overflow: hidden;margin-bottom:15px;border-radius: 8px;}
.city_location .city_location_list{width: 100%;display: none;height: auto;padding: 28px;}
.city_location .city_location_list.active{display: block;}
.city_location_list ul{height: 100%;}
.city_location_list ul>li{overflow: hidden;position: relative;height: 100%;}
/* 校区名字 */
.city_location_list ul>li .city_list_r{float: left; width: 65%; height: 140px;}
.city_location_list ul>li .city_list_r span{display: inline-block;width: 92px;height: 32px;line-height: 32px;margin-right:5px; border-radius: 4px;background:#fff;border:1px solid #d2d2d2;color: #333;text-align: center;font-size: 16px;cursor: pointer; margin-bottom: 5px;}
.city_location_list ul>li .city_list_r span.active{background: #2467f4; color:#fff;border:1px solid #2467f4;}
.city_location_list ul>li .city_list_r span:hover{background: #2467f4; color:#fff;border:1px solid #2467f4;}
.city_location_list ul>li .city_list_r h5{font-size: 16px; font-weight: bold; padding-bottom: 15px;}
/* 详细地址 */
.city_location_list ul>li .city_details{float: right;width: 34%;height: 140px;}
.city_location_list ul>li .city_list_l{display: none;}
.city_location_list ul>li .city_list_l.active{display: block;}
.city_location_list ul>li .city_list_l li{ height: 100%;}
.city_location_list ul>li .city_list_l p{color: #333;font-size: 16px;}
.city_location_list ul>li .city_details h5{font-size: 16px; font-weight: bold; padding-bottom: 15px;}
/* 图片 */
.city_location_list ul>li .city_list_img{width: 100%; overflow: hidden;}
.city_location_list ul>li .city_img_campus{width: 100%;display: none; overflow: hidden;}
.city_location_list ul>li .city_img_campus img{display:block; width: 280px; height: 160px; float: left; margin-right:8px;}
.city_location_list ul>li .city_img_campus img:last-child{margin-right:0;}
.city_location_list ul>li .city_img_campus.active{display: block;}


/* 底部信息 */
#footer{padding:50px 0 60px;background: #282828;overflow: hidden;min-width: 1200px;}
.foot-nav{display: table;margin-left:auto;margin-right:auto;}
.foot-nav li{float: left;}
.foot-nav li > a{color:#666;margin-left:20px;}
.foot-nav li > a:hover{color:#bbb;}
.tq-footer-ft-icon a{border:1px solid #444;padding: 7px;color:#666;margin:0 6px;}
.tq-footer-ft-icon .tq-footer-ft i {background: url(http://www.tqedu.net/Template/Default/Skin/group/img/sprite.png) no-repeat; width: 17px; height: 17px;display: inline-block;margin: 0 6px -4px 0;}
.tq-footer-ft-icon .tq-footer-ft:hover span{color:#bbb;}
.tq-footer-ft-icon a:hover{border:1px solid #bbb;}
.tq-footer-ft-icon .tq-footer-ft-icon-1 i{background-position: -34px -46px;}
.tq-footer-ft-icon .tq-footer-ft-icon-2 i{background-position: -3px -28px;}
.tq-footer-ft-icon .tq-footer-ft-icon-3 i{background-position: -52px 0px;}
.tq-footer-ft-icon .tq-footer-ft-icon-4 i{background-position: -3px -2px;}
.tq-footer-ft-icon .tq-footer-ft-icon-5 i{background-position: 0 -46px;}

.m-b-20 { margin-bottom: 20px;}



/* 53客服 */
.fixed53{position:fixed; right: 0; top: 30%; width:70px;padding: 9px;border-radius: 8px;background:linear-gradient(to right, #2467f4 0%, #528aff 100%); border:2px solid #fff; box-shadow: 0px 0px 10px 0px rgba(36, 103, 244, 0.4);}
.fixed53 li{border-bottom: 1px solid #fff; text-align: center; position: relative; cursor: pointer; padding:15px 0;}
.fixed53 li p{color: #fff; font-size: 12px;white-space:nowrap;}
.fixed53 li .app_box{display: none; position: absolute; width:320px;height: 120px;left: -320px; top: 50%; transform: translateY(-50%);}
.fixed53 li .app_box_cont{position: absolute; padding: 10px; width: 290px;height: 100%;  background: #fff; border-radius: 4px; box-shadow: 0px 0px 10px 0px rgba(36, 103, 244, 0.4);}
.fixed53 li .app_box_cont::after{display: block; content: "";width: 0; height: 0; border: 10px solid;border-color: transparent transparent transparent #fff;position: absolute; top: 50%;transform: translateY(-50%);right: -20px;}
.fixed53 li .app_box_cont>img{display: block; float: left; width: 100px;}
.fixed53 li .app_box_cont>span{float: right; text-align: left; width: 140px;padding-right: 10px;padding-top: 10px;}
.fixed53 li .app_box_cont h6{font-size: 20px;}
.fixed53 li .app_box_cont p{font-size: 14px; color: #999;white-space:pre-line;}
.fixed53 li:hover .app_box{display: block;}
.fixed53 li i{font-size: 32px; color: #fff; line-height: 1;}
.fixed53 li.back_top{padding:0; border:0;}
.fixed53 li.back_top i{font-size: 26px;}


/* 动画 向下 */
@keyframes bounceInDown {
 from {
    opacity: 0;
    -webkit-transform: translate3d(0, -80%, 0);
    transform: translate3d(0, -80%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* 动画 小到大 */
@keyframes slideInDown{
 from {
		margin-top: 20px;
   }
   to {
		margin-top: 0;
   }
 }
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@media screen and (max-width: 1420px){
.brand_top .brand_close{right: 10px;}


}


@media screen and (max-width: 1570px) {
	.school_nav li a {
		font-size: 16px;
		width: 100px;
		line-height: 70px;
	}
	.tqedu_contact {
		right: 0;
	}
}